<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{ margin: 0; padding: 0;}
			body,html{ width: 100%; height: 70%;}
			body{ background: url(img/img/banner.jpg) no-repeat center; background-size: cover;}
			.new{ width: 80%; height: 70px; margin: 0 10%;}
			.new .new1{ float: left; width: 80px; height: 30px; margin-right:20px ; margin-top: 20px;}
			.new .new2{ float: left; width: 50px; height: 30px; margin-top: 20px;}
			.new .span{ float: right; ;line-height: 80px;}
			.new .span span{ color: #333333; margin: 20px 10px;}
			.new  a{ text-decoration: none; color: #F0F8FF;}
			.zhi{ width: 700px; position: absolute; left: 50%; top: 18%; margin-left: -350px; padding-top: 30px;}
			.zhi .tu1{ margin-left: -660px; margin-bottom: -98px;}
			.zhi .tu2{ margin-left: 160px; margin-bottom: -98px;}
			.zhi .tu3{ margin-left: 160px; margin-bottom: -98px;}
			.zhi .tu4{ margin-left: 160px; margin-bottom: -98px;}
			.zhi ul{ float: left; width: 800px; height: 50px; margin-top: 50px; list-style: none;}
			.zhi ul li{ width: 20%; height: 100%; background-color: blue; float: left; margin: 0 2.5%; text-decoration: none; border-radius: 10px;}
			.zhi ul li:hover{ background-color:cornflowerblue;}
			.zhi ul li p{ margin: 15px 0px 0px 45px; font-weight: 600;}
			.box{ width: 100%; height: 90px; position: absolute; left: 0; bottom: -10px; padding-top: 30px;}
			.box p{ text-align: center; line-height: 180%); padding-top: 10px;}
			.box p a{ color: #333333; text-decoration: none; margin: 0 8px;}
				
		</style>
	</head>
	<body>
		<div class="new">
			<img class="new1" src="img/img/logo.png"/>
			<img class="new2" src="img/img/logo2.png"/>
			
			<div class="span">
				<span>我已有支付宝账户</span>
				<a href="#">快速登录</a>
			</div> 
		</div>
		<div class="zhi">
			<img src="img/img/bannerad.png"/>
			<img class="tu1" src="img/img/ba1.png"/>
			<img class="tu2" src="img/img/ba1.png"/>
			<img class="tu3" src="img/img/ba1.png"/>
			<img class="tu4" src="img/img/ba1.png"/>
			<ul>
				<li><p>我是服务商</p></li>
				<li><p>我是开发者</p></li>
				<li><p>我是商家用户</p></li>
				<li><p>我是个人用户</p></li>
			</ul>
		</div>
		<div class="box">
			<p>
				<a href="#">支付集团</a>
				<a href="#">支付集团</a>
				<a href="#">支付集团</a>
				<a href="#">支付集团</a>
				<a href="#">支付集团</a>
				<a href="#">支付集团</a>
			</p>
			<p>
				经营许可证编号：合字B2-20190046网站备案：沪ICP备15027489号
			</p>
		</div>
	</body>
</html>
